<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>.:: Turnador Web ::.</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

  <link rel="stylesheet" type="text/css" href="css/estilo.css" />
  <link rel="stylesheet" type="text/css" href="css/login.css" />
  <link rel="stylesheet" type="text/css" href="css/menu.css"/>
  <link rel="stylesheet" type="text/css" href="css/taskbar.css"/>

  <!-- jquery -->
  <script type="text/javascript" src="js/jquery/jquery-1.2.6.js"></script>
  <!-- -->
  <!-- funcion del login -->
  <script type="text/javascript" src="js/login.js"></script>
  <!-- -->
  <!-- valida - envia -->
  <script type="text/javascript" src="js/jquery/jquery.validate.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    $("#comentariosFrm").validate({
      debug: true,
      errorElement: "label",
      errorContainer: $("#errores"),
        submitHandler: function(form){
          $.ajax({
            type: "POST",
            url: "index.php?controlador=contenido&accion=guardar_nuevo_turno",
            //data: $(this).serialize(),
            data: "nombre="+$('#cnombre').val()+
            "&sector="+$('#csector').val()+
            "&guardacomo="+$('#cguardacomo').val(),
            success: function(data) {
              $('#result').html(data);
            }
          });
        }
    });
  });
  </script>
  <!-- -->
  <!-- refresca DIV de personas en espera-->
  <script>
   $(document).ready(function() {
     $("#responsecontainer").load("index.php?controlador=contenido&accion=buscar_turnos_pendientes");
     var refreshId = setInterval(function() {
        $("#responsecontainer").load("index.php?controlador=contenido&accion=buscar_turnos_pendientes");
     }, 10000);
     $.ajaxSetup({ cache: false });
  });
  </script>
  <!-- -->

  <style type="text/css">
    #result {
      min-width:280px;
      padding:10px;
      border:1px solid #bfcddb;
      margin:auto;
      margin-top:10px;
      /*text-align:center;*/
    }
  </style>

</head>
<body>
<div id="responsecontainer">
  <?php include "parciales/barrasup.php";?>

	<div id="logo">
	</div>

	<div id="header">
	</div>

	<div id="page">
  
		<div id="content">
      <h2>Buscar Turno Nuevo</h2>
      <div style="clear: both;">&nbsp;</div>

      <div id="result">
        <h2>Listado Clientes en Espera</h2>
        <div style="clear: both;">&nbsp;</div>
        
        <center>
        <table class="listing" cellpadding="0" cellspacing="0">
          <tr>
            <th class="first" width="177">Cliente</th>
            <th>Sector</th>
            <th>Turno</th>
            <th>Tiempo en Espera</th>
            <th class="last"><a href="index.php?controlador=contenido&accion=buscar_turnos_pendientes" class="btns"><img src="img/actualizar.png" alt="Refrescar" width="20"/>Refrescar</a></th>
          </tr>
          <?php foreach($items as $item) { ?>
          <tr class="bg">
            <td class="first style2"><?php echo $item[1]?></td>
            <td><?php echo $item[2]?></td>
            <td><?php echo $item[3]?></td>
            <td><?php echo $item[4]?></td>
            <td class="last"> <?php if ($minitems==$item[3]) echo '<a href="index.php?controlador=contenido&accion=atender_turnos&atender='.$item[0].'" class="btns">Atender</a>'; ?> </td>
          </tr>
          <?php } ?>
        </table>
        </center>
        
        <div style="clear: both;">&nbsp;</div>
        <div class="select">
          <strong>Total: <?php echo $cantitems; ?> </strong>
        </div>
      </div>

      <br/><br/>
  	</div>
    
		<div style="clear: both;">&nbsp;</div>
	</div>

	<div id="footer">
		<p><span title="PoR uNa SoCiEdAd LiBrE">Copyleft (cc) 2011.</span> <a href="http://www.mauriciomss.comuv.com/">mauriciomss</a></p>
	</div>

</div>  
  <?php include "parciales/barrainf.php";?>


</body>
</html>
